<template>
  <div class="pyg-footer">
    <van-tabbar v-model="active"
     active-color="orange">
      <van-tabbar-item icon="home-o" @click="$router.push({name:'Home'})">首页</van-tabbar-item>
      <van-tabbar-item icon="van-icon van-icon-bars" @click="$router.push({name:'Items'})">分类</van-tabbar-item>
      <van-tabbar-item icon="van-icon van-icon-cart" info="" @click="$router.push({name:'Cart'})">购物车</van-tabbar-item>
      <van-tabbar-item icon="van-icon van-icon-user-o" info="" @click="$router.push({name:'User'})">我的</van-tabbar-item>
    </van-tabbar>
  </div>
</template>
<script>
export default {
  data () {
    return {
      active: 0
    }
  }
}
</script>
<style lang="scss" scoped>
.pyg-footer {
    width: 100%;
    height: 45px;
    position: fixed;
    left: 0;
    bottom: 0;
    display: flex;
    font-size: 2px;
    padding-top: 4px;
    background: #ccc;
    .van-hairline--top-bottom{
      background:#efeff4;

    }
}
</style>
